<template>
  <view>
    <web-view
      :src="smartLink"
      v-if="smartLink && orderList && orderList.verify != 0"
    ></web-view>
    <view class="none" v-if="orderList.verify == 0">
      <image src="/static/img/wrz.png" mode class="nonehouse" />
      <view class="nonetext">订单暂未认证</view>
    </view>
    <view class="none" v-if="!smartLink && orderList && orderList.verify != 0">
      <image src="/static/img/nonehouse.png" mode class="nonehouse" />
      <view class="nonetext">该门店暂未安装房屋智控</view>
    </view>

    <view class="none" v-if="orderList == ''">
      <image src="/static/img/noyx.png" mode class="nonehouse" />
      <view class="nonetext">暂无有效订单</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      smartLink: "",
      orderList: "",
    };
  },
  methods: {},
  onLoad(options) {},
  mounted() {
    let data = uni.getStorageSync("housectrl");
    this.smartLink =
      data.smartLink == undefined ? "" : encodeURI(data.smartLink);
    this.orderList = data.orderList;
  },
};
</script>
<style >
page {
  background: #ffffff;
}
</style>
<style scoped>
.none {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 300rpx;
}
.nonehouse {
  width: 385rpx;
  height: 283rpx;
}
.nonetext {
  font-size: 32rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
  text-align: center;
}
</style>
